<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
           body{
           	padding: 50px;
           }
           .wrapper{
           	display: -moz-grid;
           	display: -webkit-grid;
           	grid-template-columns:100px 10px 100px 10px ;
           	grid-template-rows:auto 10px auto ;
           }
           .box{
           	background-color: #222; color: #cdcdcd; font-size: 150%; padding: 20px;

           }	
           .b,.d,.g,.i { background-color:#CDCDCD; }
	
		</style>
		
	</head>
	<body>
		
		<div class="wrapper">
			<div class="box a">A</div>
			<div class="box b">B</div>
			<div class="box c">C</div>
			<div class="box d">D</div>
			<div class="box e">E</div>
			<div class="box f">F</div>
			<div class="box g">G</div>
			<div class="box h">H</div>
			<div class="box i">I</div>
			<div class="box j">J</div>
			
		</div>
		
	</body>
</html>
